<template>
  <div id="circle">
    圈子
    <p>{{$route.query}}</p>
  </div>
</template>

<script setup>
// 引入 useRouter
import {useRoute} from 'vue-router';

// 获取 route 对象
const route = useRoute();
// 通过 route 获取传入的参数
console.log(route.query);
</script>

<style scoped>
#circle {
  width: 400px;
  height: 600px;
  background-color: cadetblue;
}
</style>
